<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<% String path = request.getContextPath(); 
   String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="租房,买房,三棵松,地产,中介" />
<meta name="description" content="三棵松地产" />
<title>三棵松地产</title>
<link rel="stylesheet" type="text/css" media="screen" href="<%=basePath %>sks/css/frontpages/BrightSide.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<%=basePath %>sks/css/frontpages/mytestcss.css" />
<script type="text/javascript">
	function myLoad() {
		turnSubMenu(document.getElementById("searchingA"), 'searching');
	}
	function turnSubMenu(obj, id) {
		document.getElementById("searchingA").className = "";
		document.getElementById("helpMeA").className = "";
		document.getElementById("saleA").className = "";
		document.getElementById("memberCenterA").className = "";
		
		var searching = document.getElementById("searching");
		var helpMe = document.getElementById("helpMe");
		var sale = document.getElementById("sale");
		var memberCenter = document.getElementById("memberCenter");
		
		obj.className = "AActive";
		if ( id == 'searching') {
			searching.style.display="";
			helpMe.style.display="none";
			sale.style.display="none";
			memberCenter.style.display="none";
		} else if (id == 'helpMe') {
			searching.style.display="none";
			helpMe.style.display="";
			sale.style.display="none";
			memberCenter.style.display="none";
		} else if (id == 'sale') {
			searching.style.display="none";
			helpMe.style.display="none";
			sale.style.display="";
			memberCenter.style.display="none";
		} else {
			searching.style.display="none";
			helpMe.style.display="none";
			sale.style.display="none";
			memberCenter.style.display="";
		}
			
		obj.hidefocus = true; //IE去连接虚线框方法
	}
	
	function zhushouchange(obj) {
		var wangyuan = document.getElementById("wangyuan");
		var yuanyue = document.getElementById("yuanyue");
	    if (obj == 'shou') {
			wangyuan.style.display = "";
			yuanyue.style.display = "none";
		} else {			
			wangyuan.style.display = "none";
			yuanyue.style.display = "";
		}
	}
	function checkForm(){
		var form = document.forms[0];
		if(form.username.value=="" || form.username.value.length<6){
			alert("请输入长度6位以上的用户名");
			return false;
		}
		if(form.password.value=="" || form.password.value.length<6){
			alert("请输入长度6位以上的密码");
			return false;
		}
		return true;
	}
</script>
</head>

<body onload="myLoad()">
<!-- wrap starts here -->
<div class="wrap">
	<jsp:include page="header.jsp"></jsp:include>

	<!-- content-wrap starts here -->
	<div class="content-wrap">													
		
		<div id="sidebar" >							
				
			<ul class="sidemenu">
				<li><a class="AActive" href="javascript:;" hidefocus="true"  onclick="turnSubMenu(this, 'searching')" id="searchingA">找房</a></li>
				<li><a href="javascript:;" hidefocus="true"  onclick="turnSubMenu(this, 'helpMe')" id="helpMeA">帮我找房</a></li>
				<li><a href="javascript:;" hidefocus="true"  onclick="turnSubMenu(this, 'sale')" id="saleA">发布房源</a></li>
				<li><a href="javascript:;" hidefocus="true"  onclick="turnSubMenu(this, 'memberCenter')" id="memberCenterA">个人中心</a></li>
			</ul>		
		
		</div>
			
		<div id="main">	
			
			<div id="searching">		
				<form action="#">		
					<div class="col">
						<label><input type="radio" name="findRadio" title="我要租房" /> 我要租房 </label>
						<label><input type="radio" name="findRadio" title="我要买房" /> 我要买房 </label>
					</div>
					<div class="col">
						<label>区域：</label>
						<a href="#">不限</a>
						<a href="http://guangzhou.haozu.com/listing/tianhe/" title="天河"
							hidefocus="true">天河</a>
						<a href="http://guangzhou.haozu.com/listing/haizhu/" title="海珠"
							hidefocus="true">海珠</a>
						<a href="http://guangzhou.haozu.com/listing/yuexiu/" title="越秀"
							hidefocus="true">越秀</a>
						<a href="http://guangzhou.haozu.com/listing/baiyun/" title="白云"
							hidefocus="true">白云</a>
						<a href="http://guangzhou.haozu.com/listing/liwan/" title="荔湾"
							hidefocus="true">荔湾</a>
						<a href="http://guangzhou.haozu.com/listing/fanyu/" title="番禺"
							hidefocus="true">番禺</a>
						<a href="http://guangzhou.haozu.com/listing/huangpu/" title="黄埔"
							hidefocus="true">黄埔</a>
						<a href="http://guangzhou.haozu.com/listing/huadu/" title="花都"
							hidefocus="true">花都</a>
						<a href="http://guangzhou.haozu.com/listing/zengcheng/"
							title="增城" hidefocus="true">增城</a>
						<a href="http://guangzhou.haozu.com/listing/luogang/" title="萝岗"
							hidefocus="true">萝岗</a>
						<a href="http://guangzhou.haozu.com/listing/nansha/" title="南沙"
							hidefocus="true">南沙</a>
						<a href="http://guangzhou.haozu.com/listing/conghua/" title="从化"
							hidefocus="true">从化</a>
						<a href="http://foshan.haozu.com/listing/" title="广佛同城"
							hidefocus="true" target="_blank">广佛同城</a>
					</div>
					<div class="col">
						<label>房价：</label>
						<a href="#">不限</a>
		                <a href="http://guangzhou.haozu.com/listing/j10/" title="500以下"
							hidefocus="true">500以下</a>
						<a href="http://guangzhou.haozu.com/listing/j11/"
							title="500-1000" hidefocus="true">500-1000</a>
						<a href="http://guangzhou.haozu.com/listing/j12/"
							title="1000-2000" hidefocus="true">1000-2000</a>
						<a href="http://guangzhou.haozu.com/listing/j13/"
							title="2000-3000" hidefocus="true">2000-3000</a>
						<a href="http://guangzhou.haozu.com/listing/j14/"
							title="3000-4000" hidefocus="true">3000-4000</a>
						<a href="http://guangzhou.haozu.com/listing/j15/"
							title="4000-5000" hidefocus="true">4000-5000</a>
						<a href="http://guangzhou.haozu.com/listing/j16/"
							title="5000-8000" hidefocus="true">5000-8000</a>
						<br/>						
						<a href="http://guangzhou.haozu.com/listing/j17/"
							title="8000-10000" hidefocus="true">8000-10000</a>
						<a href="http://guangzhou.haozu.com/listing/j18/"
							title="10000以上" hidefocus="true">10000以上</a>
						<input style="width:50px;" type="text"/> - <input style="width:50px;" type="text"/> 元
					</div>
					<div class="col">
						<label>户型：</label>
						<a href="#">不限</a>
			            <a href="http://guangzhou.haozu.com/listing/f1/" title="一室"
							hidefocus="true">一室</a>
						<a href="http://guangzhou.haozu.com/listing/f2/" title="二室"
							hidefocus="true">二室</a>
						<a href="http://guangzhou.haozu.com/listing/f3/" title="三室"
							hidefocus="true">三室</a>
						<a href="http://guangzhou.haozu.com/listing/f4/" title="四室"
							hidefocus="true">四室</a>
						<a href="http://guangzhou.haozu.com/listing/f5/" title="五室及以上"
							hidefocus="true">五室及以上</a>
					</div>
					<div class="col">
						<input class="keySearch" type="text" value="其他关键字"/>
						<input class="button" type="submit" value="开始找房" />		
	                </div>  
				</div>		
				<div id="helpMe" style="display:none">
                 	<div class="col">
                    <input type="radio" name="zumaifan" id="woyaozufan"/><label for="woyaozufan">我要租房</label>
                    <input type="radio" name="zumaifan" id="woyaomaifan"/><label for="woyaomaifan">我要买房</label>
                    </div>
                    <div class="col">
                    	<label>期望区域:</label>
                        <select>
	                        <option ></option>
                            <option value="1">天河</option>
                            <option value="1">海珠</option>
                            <option value="1">越秀</option>
                            <option value="1">白云</option>
                            <option value="1">荔湾</option>
                            <option value="1">番禺</option>
                            <option value="1">黄埔</option>
                            <option value="1">花都</option>
                            <option value="1">增城</option>
                            <option value="1">萝岗</option>
                            <option value="1">南沙</option>
                            <option value="1">从化</option>
                        </select>
                        <select>
                        	<option ></option>
                            <option value="1">天河</option>
                            <option value="1">海珠</option>
                            <option value="1">越秀</option>
                            <option value="1">白云</option>
                            <option value="1">荔湾</option>
                            <option value="1">番禺</option>
                            <option value="1">黄埔</option>
                            <option value="1">花都</option>
                            <option value="1">增城</option>
                            <option value="1">萝岗</option>
                            <option value="1">南沙</option>
                            <option value="1">从化</option>
                        </select>                     
                    </div>
                    <div class="col">	                
                        <label>期待房价:</label>
                        <input type="text"/>~<input type="text"/> 元/月                        
                    </div>
                    <div class="col">	                
                        <label>期待户型:</label>                   
                        <input type="text"/> 房 <input type="text"/> 厅
                    </div>
                    <div class="col">
                        <label>期待交通:</label>                   
                        <input type="checkbox" id="gongjiao" /><label class="for" for="gongjiao">靠近公交车</label>
                        <input type="checkbox" id="ditie"/><label class="for" for="ditie">靠近地铁口</label>
                        <input type="checkbox" id="chewei"/><label class="for" for="chewei">有车位</label>
                    </div>
                    <div class="col">
                        <label>期待房间配置:</label>   
                        <input type="checkbox" id="shui" checked="checked"/><label class="for" for="shui">水</label>
                        <input type="checkbox" id="dian" checked="checked"/><label class="for" for="dian">电</label>
                        <input type="checkbox" id="chuang" checked="checked"/><label class="for" for="chuang">床</label>                
                        <input type="checkbox" id="kongtiao" /><label class="for" for="kongtiao">空调</label>
                        <input type="checkbox" id="kuandai"/><label class="for" for="kuandai">宽带</label>
                        <input type="checkbox" id="youxianTV"/><label class="for" for="youxianTV">有线电视</label>
                        <input type="checkbox" id="TV"/><label class="for" for="TV">电视</label>
                        <input type="checkbox" id="bingxiang"/><label class="for" for="bingxiang">冰箱</label>
                        <input type="checkbox" id="reshuiqi"/><label class="for" for="reshuiqi">热水器</label>
                        <input type="checkbox" id="weibol"/><label class="for" for="weibol">微波炉</label>
                        <input type="checkbox" id="dianhua"/><label class="for" for="dianhua">电话</label>
                    </div>
                    <div class="col">
                        <label>期待周边配置:</label>   
                        <input type="checkbox" id="chaoshi" /><label class="for" for="chaoshi">超市</label>
                        <input type="checkbox" id="gongyuan"/><label class="for" for="gongyuan">公园</label>
                        <input type="checkbox" id="yiliao"/><label class="for" for="yiliao">医疗结构</label>                
                        <input type="checkbox" id="shangc" /><label class="for" for="shangc">商场</label>                       
                    </div>
                    <div class="col">
                    	<label>其他要求：</label>
                        <textarea style="vertical-align:top" cols="80" rows="6"></textarea>
                    </div>
                    <div class="col">
                    	<label>联系电话：</label>
                        <input type="text" />
                    </div>
                    <div class="col">
                    	<label>姓氏：</label>
                        <input type="text" />
                    </div>
                    <div class="col">
                    	<label>性别：</label>
                        <input type="radio" id="male"/><label class="for" for="male">先生</label>
                        <input type="radio" id="female"/><label class="for" for="female">女士</label>
                    </div>
                    <div class="col">
                    	<input class="button" type="submit" value="帮我找房" />
                    </div>
                 </div>
                 <div id="sale" style="display:none">                 	
                    <div class="col">
                    	<label>地址:</label>
                        <select>
	                        <option ></option>
                            <option value="1">天河</option>
                            <option value="1">海珠</option>
                            <option value="1">越秀</option>
                            <option value="1">白云</option>
                            <option value="1">荔湾</option>
                            <option value="1">番禺</option>
                            <option value="1">黄埔</option>
                            <option value="1">花都</option>
                            <option value="1">增城</option>
                            <option value="1">萝岗</option>
                            <option value="1">南沙</option>
                            <option value="1">从化</option>
                        </select>
                        <select>
                        	<option ></option>
                            <option value="1">天河</option>
                            <option value="1">海珠</option>
                            <option value="1">越秀</option>
                            <option value="1">白云</option>
                            <option value="1">荔湾</option>
                            <option value="1">番禺</option>
                            <option value="1">黄埔</option>
                            <option value="1">花都</option>
                            <option value="1">增城</option>
                            <option value="1">萝岗</option>
                            <option value="1">南沙</option>
                            <option value="1">从化</option>
                        </select>
                        <input type="text" />                     
                    </div>
                    <div class="col">	                
                        <label>小区:</label>
                        <input type="text"/>                       
                    </div>
                    <div class="col">	                
                        <label>租售方式:</label>
                        <input type="radio" id="shou" name="zushoufanshi" onclick="zhushouchange('shou')"/><label class="for" for="shou">售</label>
                        <input type="radio" id="chuzhu" name="zushoufanshi" onclick="zhushouchange('zhu')" /><label class="for" for="chuzhu">出租</label>
                    </div>
                    <div class="col">	                
                        <label>户型:</label>                   
                        <input type="text"/> 房 <input type="text"/> 厅
                    </div>
                    <div class="col">	                
                        <label>楼层:</label>                   
                        第<input type="text"/>层，共<input type="text" />层
                    </div>
                    <div class="col">	                
                        <label>面积:</label>                   
                        <input type="text"/> 平方
                    </div>
                    <div class="col">
                    	<label>价格:</label>
                        <input type="text" /><span id="wangyuan">万元</span><span id="yuanyue" style="display:none">元/月</span>
                    </div>
                    <div class="col">
                        <label>交通:</label>                   
                        <input type="checkbox" id="gongjiao" /><label class="for" for="gongjiao">靠近公交车</label>
                        <input type="checkbox" id="ditie"/><label class="for" for="ditie">靠近地铁口</label>
                        <input type="checkbox" id="chewei"/><label class="for" for="chewei">有车位</label>
                    </div>
                    <div class="col">
                        <label>房间配置:</label>   
                        <input type="checkbox" id="shui" checked="checked"/><label class="for" for="shui">水</label>
                        <input type="checkbox" id="dian" checked="checked"/><label class="for" for="dian">电</label>
                        <input type="checkbox" id="chuang" checked="checked"/><label class="for" for="chuang">床</label>                
                        <input type="checkbox" id="kongtiao" /><label class="for" for="kongtiao">空调</label>
                        <input type="checkbox" id="kuandai"/><label class="for" for="kuandai">宽带</label>
                        <input type="checkbox" id="youxianTV"/><label class="for" for="youxianTV">有线电视</label>
                        <input type="checkbox" id="TV"/><label class="for" for="TV">电视</label>
                        <input type="checkbox" id="bingxiang"/><label class="for" for="bingxiang">冰箱</label>
                        <input type="checkbox" id="reshuiqi"/><label class="for" for="reshuiqi">热水器</label>
                        <input type="checkbox" id="weibol"/><label class="for" for="weibol">微波炉</label>
                        <input type="checkbox" id="dianhua"/><label class="for" for="dianhua">电话</label>
                    </div>
                    <div class="col">
                        <label>期待周边配置:</label>   
                        <input type="checkbox" id="chaoshi" /><label class="for" for="chaoshi">超市</label>
                        <input type="checkbox" id="gongyuan"/><label class="for" for="gongyuan">公园</label>
                        <input type="checkbox" id="yiliao"/><label class="for" for="yiliao">医疗结构</label>                
                        <input type="checkbox" id="shangc" /><label class="for" for="shangc">商场</label>                       
                    </div>
                    <div class="col">
                    	<a href="#">上传照片</a>
                    </div>
                    <div class="col">
                    	<label>描述：</label>
                        <textarea style="vertical-align:top" cols="50" rows="6"></textarea>
                    </div>
                    <div class="col">
                    	<label>联系电话：</label>
                        <input type="text" />
                    </div>
                    <div class="col">
                    	<label>姓氏：</label>
                        <input type="text" />
                    </div>
                    <div class="col">
                    	<label>性别：</label>
                        <input type="radio" id="male"/><label class="for" for="male">先生</label>
                        <input type="radio" id="female"/><label class="for" for="female">女士</label>
                    </div>
                    <div class="col">
                    	<input class="button" type="submit" value="发布房源" />
                    </div>
                 </div>
                 <div id="memberCenter">memberCenter
                	<div class="col">
                		<%-- <jsp:include page="privilege/logon.jsp"></jsp:include>  --%>  
                		<a href="/cms/privilege/users/logon.do" >用户登陆</a>  
                	</div>
                </div>
			</form>				
			<br />		
							
		</div>	
			
		<div id="rightbar">
			
		</div>			
			
	<!-- content-wrap ends here -->		
	</div>
	
	<div id="content-wrap">
		<ul class="list_ul_dow_rec">
				<li>
					<dl>
						<dt><a href=" http://guangzhou.haozu.com/rental/broker/92220711?from=list_new" _soj="list_new" title="三期高层小复式，间隔方正" target="_blank" hidefocus="true">
						<img alt="东圃广场(一至三期),东圃广场租房4000元/月" src="http://pic1.ajkimg.com/display/hz/5af4f0475946d0ce7cd14cbd17c11f5c/150x113.jpg"></a></dt>
						<dd><a href=" http://guangzhou.haozu.com/rental/broker/92220711?from=list_new" _soj="list_new" title="三期高层小复式，间隔方正" target="_blank">三期高层小复式，间隔方正</a></dd>
						<dd>3室2厅,普通装修</dd>
						<dd class="yellow">4000元/月</dd>
						<dd></dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt><a href=" http://guangzhou.haozu.com/rental/broker/92220418?from=list_new" _soj="list_new" title="天河北三房出租 武警大院 治安好南北对流 精装 很有住家感觉" target="_blank" hidefocus="true">
						<img alt="武警大院,租房3200元/月" src="http://pic1.ajkimg.com/display/hz/5add127b532554ed4ffc100290083d60/150x113.jpg"></a></dt>
						<dd><a href=" http://guangzhou.haozu.com/rental/broker/92220418?from=list_new" _soj="list_new" title="天河北三房出租 武警大院 治安好南北对流 精装 很有住家感觉" target="_blank">天河北三房出租 武警大院 治安好南北对流 精装 很有住家感觉</a></dd>
						<dd>3室2厅,精装修</dd>
						<dd class="yellow">3200元/月</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt><a href=" http://guangzhou.haozu.com/rental/broker/92220361?from=list_new" _soj="list_new" title="小区管理 中层六楼 家私电器全齐 南北对流 交通方便" target="_blank" hidefocus="true">
						<img alt="鹤松里,租房2000元/月" src="http://pic1.ajkimg.com/display/hz/b9b884632ee69c7720fb2af0cf10ba8e/150x113.jpg"></a></dt>
						<dd><a href=" http://guangzhou.haozu.com/rental/broker/92220361?from=list_new" _soj="list_new" title="小区管理 中层六楼 家私电器全齐 南北对流 交通方便" target="_blank">小区管理 中层六楼 家私电器全齐 南北对流 交通方便</a></dd>
						<dd>3室2厅,精装修</dd>
						<dd class="yellow">2000元/月</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt><a href=" http://guangzhou.haozu.com/rental/broker/92219664?from=list_new" _soj="list_new" title="海景中心电梯两房放租" target="_blank" hidefocus="true">
						<img alt="海景中心,租房2500元/月" src="http://pic1.ajkimg.com/display/hz/71ee13de0d0e90184aff681963ebce75/150x113.jpg"></a></dt>
						<dd><a href=" http://guangzhou.haozu.com/rental/broker/92219664?from=list_new" _soj="list_new" title="海景中心电梯两房放租" target="_blank">海景中心电梯两房放租</a></dd>
						<dd>2室1厅,普通装修</dd>
						<dd class="yellow">2500元/月</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt><a href=" http://guangzhou.haozu.com/rental/broker/92219520?from=list_new" _soj="list_new" title="绝对推荐 保利心语 欧式装修 给你温馨舒适的家" target="_blank" hidefocus="true">
						<img alt="保利心语花园,租房3500元/月" src="http://pic1.ajkimg.com/display/hz/f273bae0aa450612caef8e1b6949360a/150x113.jpg"></a></dt>
						<dd><a href=" http://guangzhou.haozu.com/rental/broker/92219520?from=list_new" _soj="list_new" title="绝对推荐 保利心语 欧式装修 给你温馨舒适的家" target="_blank">绝对推荐 保利心语 欧式装修 给你温馨舒适的家</a></dd>
						<dd>2室2厅,普通装修</dd>
						<dd class="yellow">3500元/月</dd>
					</dl>
				</li>
			</ul>
	</div>

<!-- footer starts here -->	
<jsp:include page="rooster.jsp"></jsp:include>
<!-- footer ends here -->
	
<!-- wrap ends here -->
</div>

</body>
</html>
